<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="script/js.js"></script>
    <link rel="stylesheet" href="css./css.css">
</head>
<body>
    <form class="box" action="#">
        <div class="div"></div>
        <div class="search">
            <input type="text" placeholder="请输入内容">
            <img src="image/首页.png" alt="">
        </div>
        <ul class="content">
            <li class="content_li1">
                <a href="#">
                    <img class="content_log" src="image/06.png" alt="">
                </a>
            </li>
            <li class="content_li2">
                <a href="#">
                    <h3 class="public_title">精选手册<span>查看更多  ></span></h3>
                </a>
                <div class="public_div">
                    <a href="#"><img class="public_img" src="image/07.png" alt=""></a>
                    <div class="public_content">
                        <a href="#">
                            <p class="public_content_title">前端开发学习手册</p>
                            <p class="public_content_ri">2019.12.23</p>
                        </a>
                    </div>
                    <button class="public_button">进入</button>
                </div>
                <div class="public_div">
                    <a href="#"><img class="public_img" src="image/08.png" alt=""></a>
                    <div class="public_content">
                        <a href="#">
                            <p class="public_content_title">JAVA开发学习手册</p>
                            <p class="public_content_ri">2019.12.23</p>
                        </a>
                    </div>
                    <button class="public_button">进入</button>
                </div>
            </li>
            <li class="content_li">
                <a href="#">
                    <h3 class="public_title">精选博客<span>查看更多  ></span></h3>
                </a>
                <div class="public_div">
                    <a href="#"><img class="public_img" src="image/09.png" alt=""></a>
                    <div class="public_content">
                        <a href="#">
                            <p class="public_content_title">编程学习的五大误区</p>
                            <p class="public_content_ri">2019.12.23</p>
                        </a>
                    </div>
                    <button class="public_button">进入</button>
                </div>
            </li>
            <li class="content_li">
                <a href="#">
                    <h3 class="public_title">精选视频<span>查看更多  ></span></h3>
                </a>
                <div class="public_div">
                    <a href="#"><img class="public_img" src="image/10.png" alt=""></a>
                    <div class="public_content">
                        <a href="#">
                            <p class="public_content_title">视频</p>
                            <p class="public_content_ri">2019.12.23</p>
                        </a>
                    </div>
                    <button class="public_button">进入</button>
                </div>
            </li>
        </ul>
        <div class="floor">
            <div>
                <a href="#">晓舟报告</a>
                <span>|</span>
                <a href="#">团队介绍</a>
            </div>
            <p>晓舟报告官方网站©2019 冀ICP备18023262-4<p>
        </div>
        <div class="fixed"></div>
    </form>
    <ul class="position_floor">
        <li>
            <a href="#">
                <img class="position_floor_img1" src="image/01.png" alt="">
                <p id="position_floor_p">首页</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img class="position_floor_img2" src="image/02.png" alt="">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img class="position_floor_img3" src="image/03.png" alt="">
                <p>博客</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img class="position_floor_img4" src="image/04.png" alt="">
                <p>视频</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img class="position_floor_img5" src="image/05.png" alt="">
                <p>我的</p>
            </a>
        </li>
    </ul>
    <div class="position_head">
        <a href="#">
            <img src="image/cha.png" alt="">
            <h3>晓舟报告</h3>
        </a>
    </div>
    <a href="#"><img class="position_shang" src="image/shang.png" alt="12"></a>
</body>
</html>